<template>
  <div>
    <div class="phaseBox">
      <div>
        <span class="title">{{title1}}</span>
        <span class="iconT">!</span>
        <span class="content">{{content1}}</span>
      </div>
    
    </div>
    <div class="phaseBox">
      <div>
        <span class="title">{{title2}}</span>
        <span class="iconT">!</span>
        <span class="content">{{content2}}</span>
      </div>
   
    </div>
  </div>
</template>
<script setup>
const props = defineProps(["title1","title2",'content1','content2'])
</script>
<style scoped>
.phaseBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 5%;
  padding: 8px 0;
}
.title {
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.content {
  color: #3368f1;
  font-size: 20px;
  font-weight: 600;
  margin-left: 15px;
}
</style>
